<template>
	<div>
		<el-container>
			<el-header class="mainheader" style="background-color: rgb(102, 153, 204)">
				<el-row class="mainheader" style="background-color: rgb(102, 153, 204)">
					<el-col class="mainheader" :span="22" style="background-color: rgb(102, 153, 204)">
						<h1 style="color:white">His医院管理系统</h1>
					</el-col>
					<el-col class="mainheader" :span="2">
						<el-menu class="headermenu" mode="horizontal" style="background-color: rgb(102, 153, 204)">
							<el-submenu index="1" text-color="#000000">
								<template slot="title">
									<el-avatar
										src=" https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png">
									</el-avatar>
								</template>
								<el-menu-item index="1-1">设置</el-menu-item>
								<el-menu-item index="1-2">个人中心</el-menu-item>
								<router-link :to="{name:'login'}">
									<el-menu-item index="1-3">退出登录</el-menu-item>
								</router-link>
							</el-submenu>
						</el-menu>
						</el-avatar>
					</el-col>
				</el-row>
			</el-header>
			<el-container>
				<el-aside class="main" style="width: 250px; background-color: rgb(255, 255, 255); height: 800px;">
					<el-row class="tac">
						<el-col :span="24">
							<el-menu default-active="2" class="el-menu-vertical-demo" background-color="#f1fafa"
								text-color="#000000" active-text-color="#55aaff">
								<el-submenu index="1">
									<template slot="title">
										<i class="el-icon-user-solid"></i>
										<span>门诊挂号</span>
									</template>
									<el-menu-item-group>
										<router-link :to="{name:'addregistion'}">
											<el-menu-item index="1-1">
												<!-- 路由入口 -->
												挂号
											</el-menu-item>
										</router-link>
										<router-link :to="{name:'deleteregistion'}">
											<el-menu-item index="1-2">退号</el-menu-item>
										</router-link>
										<el-submenu index="1-3">
											<template slot="title">费用查询</template>
											<router-link :to="{name:'registermoney'}">
												<el-menu-item index="1-3-1">挂号费用</el-menu-item>
											</router-link>
											<router-link :to="{name:'inspectmoney'}">
												<el-menu-item index="1-3-2">检查费用</el-menu-item>
											</router-link>
											<router-link :to="{name:'testmoney'}">
												<el-menu-item index="1-3-3">化验费用</el-menu-item>
											</router-link>
										</el-submenu>
										<el-submenu index="1-4">
											<template slot="title">患者退费</template>
											<router-link :to="{name:'inspectrefund'}">
												<el-menu-item index="1-4-1">检查退费</el-menu-item>
											</router-link>
											<router-link :to="{name:'testrefund'}">
												<el-menu-item index="1-4-2">化验退费</el-menu-item>
											</router-link>
										</el-submenu>
									</el-menu-item-group>
								</el-submenu>
							</el-menu>
						</el-col>
					</el-row>
				</el-aside>
				<el-main>
					<el-row>
						<router-view></router-view>
					</el-row>
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>
<script>
</script>
<style>
	/* {
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		list-style: none;
	}
 */
	.mainheader.el-header {
		line-height: 55px;
		background-color: #00aaff;
		text-align: left;
	}

	.headermenu.el-menu {
		background-color: #00aaff;
	}

	.mainheader.el-col {
		line-height: 55px;
		background-color: #00aaff;
		text-align: left;
	}

	.el-aside {
		width: 100px;
		background-color: #ffffff;
		height: 650px;
	}

	.main.el-col {
		width: 100px;
		line-height: 80px;
		background-color: #00FFFF;
	}

	.tac {
		width: 100%;
	}
</style>
